<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>零件管理</title>
<%
	String sid = request.getParameter("secondMenuId");
	request.getSession().setAttribute("secondMenuId", sid);
%>
<%@include file="/jsp/include/common.jsp"%>
</head>
<body class="easyui-layout">
	<%@include file="/jsp/include/commonLayout.jsp"%>
	<div data-options="region:'center'">
		<div class="easyui-layout" data-options="fit:true">   
	     <div data-options="region:'north',split:true" style="height:70px;">
		     <div style="margin-top: 20px">
		     	分组过滤：
		     	<a href="#" onclick="changeJsonForCar()">整车</a>
		     	<a href="#" onclick="changeJsonForAssembly()">总成</a>
		     	<a href="#" onclick="changeJsonForDefault()">状态</a>
		     </div>
	     </div>  
	         
	     <div data-options="region:'center',split:true" style="height:100px;">
			<!-- 数据表格  -->
			<table id="dataGrid"></table>
		</div>  	
			<!-- 添加或编辑用户的弹出窗口 begin -->
			<div id="saveOrEditDlg" class="easyui-dialog"
				style="width: 400px; height: 280px; padding: 10px 10px"
				closed="true" buttons="#dlg-buttons" data-options="modal:true">
				<form id="saveOrEditForm" method="post">
					<table>
						
					</table>
					<input type="hidden" name="oid">
				</form>
			</div>
			<div id="dlg-buttons">
				<a class="easyui-linkbutton" iconCls="icon-ok"
					onclick="saveOrEditUser()">保存</a> <a class="easyui-linkbutton"
					iconCls="icon-cancel"
					onclick="javascript:$('#saveOrEditDlg').dialog('close')">取消</a>
			</div>
			<!-- 添加或编辑用户的弹出窗口 end -->
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		initTreeGrid('/template/json/partList_default_data.json') ;
	});
	
	function changeJsonForAssembly() {
		initTreeGrid('/template/json/partList_assembly_data.json') ;
	}
	function changeJsonForCar() {
		initTreeGrid('/template/json/partList_car_data.json') ;
	}
	function changeJsonForDefault() {
		initTreeGrid('/template/json/partList_default_data.json') ;
	}
	function initTreeGrid(url) {
		// 初始化表格
		var dataGrid =null;
		 dataGrid = $('#dataGrid').treegrid({
			idField : 'id', //定义关键字段来标识树节点。（必须的） null 
			treeField : 'partname', //定义树节点字段。（必须的） 
			rownumbers : true,	//如果为true，则显示一个行号列
			fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
			collapsible : true,	//定义是否显示可折叠按钮
			title : '零件信息',	//在面板头部显示的标题文本
			pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
			pagePosition : 'bottom',	//定义分页工具栏的位置
			method : 'post', //该方法类型请求远程数据
			url :getRootPath()+ url,	//一个URL从远程站点请求数据
			singleSelect : false,//只能选一行
			striped : true, //数据条纹显示
			frozenColumns : [ [ {//不可被删除的列
				field : 'ck',	//列字段名称
				checkbox : true	//如果为true，则显示复选框
			} ] ],
		
			columns : [ [ {
				field : 'id',
				title : 'id',
				width : 10,
				hidden : true,
				sortable : true	//如果为true，则允许列使用排序
			},{
				field : 'partNo',
				title : '零件编号',
				width : 100,
				sortable : true	//如果为true，则允许列使用排序
			}, {
				field : 'partname',
				title : '零件名称',
				width : 100,
				sortable : true	//如果为true，则允许列使用排序
			}, {
				field : 'carid',
				title : '所属整车',
				width : 30
			}, {
				field : 'sellbyid',
				title : '供应商',
				width : 50
			}, {
				field : 'costid',
				title : '成本(元)',
				width : 30
			}, {
				field : 'weight',
				title : '重量(g)',
				width : 30
			} , {
				field : 'number',
				title : '数量',
				width : 30
			} , {
				field : 'createtime',
				title : '创建时间',
				width : 50
			}, {
				field : 'head',
				title : ' 负责人',
				width : 50
			}, {
				field : 'status',
				title : '状态',
				width : 50
			} ] ],
			onClickCell: function(field){
				if(field=="carid"){
					window.location.href=getRootPath()+'/template/dataManage/part/partTreeList.jsp'; 
				}
			},

			//零件名称 所属整车 供应商 成本(元)  重量(g) 工艺 尺寸 创建时间 负责人 状态
			//Part name Belongs to the vehicle supplier cost (RMB) weight (g) process size creation time, head of the state
			sortName : 'userid',	//定义哪些列可以进行排序
			toolbar : [{
				text : '编辑',
				iconCls : 'icon-edit',
				handler : function(){
					$("#userid").textbox('disableValidation');
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择修改项', 'info');
						return;
					} else if (rows.length > 1) {
						$.messager.alert('提示', '只能选择一项', 'info');
						return;
					}
					if (rows) {
						$('#saveOrEditDlg').dialog('open').dialog('setTitle', '编辑零件');
						$.ajax({
							type : 'post',
							async : false,
							url : getRootPath() + '/UserinfoController/findUserifo.do',
							data : rows[0],
							success : function(result) {
								$('#saveOrEditForm').form('load', result);
							},
							dataType : 'json'
						});
					}
				}
			},{
				text : '删除',
				iconCls : 'icon-remove',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择删除项', 'info');
						return;
					}

					var oids = [];
					for (var i = 0; i < rows.length; i++) {
						oids.push(rows[i].oid);
					}

					oids = oids.join('-');

					$.messager.confirm('确认', '确定要删除选中的信息吗?', function(r) {
						if (r) {
							$.post(getRootPath() + '/UserinfoController/removeUser.do', {
								'oids' : oids
							}, function(result) {
								//result = $.parseJSON(result);
								if (result.successful) {
									$('#dataGrid').datagrid('reload'); // reload the user data
								} 
								$.messager.show(result);
							}, 'json');
						}
					});
				}
			}],
		remoteFilter : true,	//设置为true时，启用远程过滤
		filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
		filterStringify : function(data) {	//字符串化过滤器规则的函数
			return JSON.stringify(data);
		} 
		});
	}

</script>
</html>
